*  {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
html,body{
    width: 100%;
    font-size: 16PX;
    background-color: #FAFAFA;
}
@media only screen and (min-device-width: 414px) {
    html {
        font-size: 18PX;
    }
}
body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-family: "PingFangSC-Regular", "Helvetica Neue","Hiragino Sans GB W3","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    padding-top: constant(safe-area-inset-top); // 为导航栏+状态栏的高度 88px
    padding-top: env(safe-area-inset-top);
    padding-left: constant(safe-area-inset-left); // 如果未竖屏时为0
    padding-left: env(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right); // 如果未竖屏时为0
    padding-right: env(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom); // 为底下圆弧的高度 34px
    padding-bottom: env(safe-area-inset-bottom);
}
input {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  outline: none;
  border: none;
}
ul,ol,li {
  list-style:none;
}
em,i {
  font-style: normal;
}
pre {
  white-space: pre-wrap;
}
img {
  border: 0;
  -webkit-interpolation-mode:bicubic;
}
a {
  text-decoration: none;
}
a:active {
  background-color: none;
}
select {
  outline: none;
}
button {
    outline: none;
}
::-webkit-scrollbar {
  width: 0;
  opacity: 0;
}
::-webkit-scrollbar-track {
  background: rgba(255,255,0,0);
  opacity: 0;
}
::-webkit-scrollbar-thumb {
  background: rgba(255,255,0,0);
  opacity: 0;
}
#app {
    width: 100%;
}
.page {
    width: 100%;
    min-height: 100%;
    background-color: #FAFAFA;
    position: absolute;
    padding-bottom: 70px;
}
.page-content {
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 15px 15px;
}
.page-color {
    background-color: #fff;
}
.page-part {
    padding: 0 15px;
    background-color: #fff;
}
.page-part + .page-part {
    margin-top: 15px;
}
.page-loading {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    padding-top: 50%;
    box-sizing: border-box;
    > div {
        display: inline-block;
    }
}
.header {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    height: 44px;
    font-size: 16px;
    color: #272727;
    background-color: #fff;
    transform: translateZ(0);
}
.header-bottom-border {
    border-bottom: 1px solid #E8E8E8;
}

.page-wrap {
    width: 100%;
    text-align: center;
    .img {
        height: 122px;
        width: 150px;
        background: url(../assets/img/common/loading.gif) no-repeat;
        background-size: cover;
        margin: 0 auto;
    }
    .msg {
        margin-top: 25px;
        font-size: 16px;
        color: #a2a2a2;
    }
    .detail {
        margin-top: 10px;
        font-size: 12px;
        color: #999;
    }
    .wait-img {
        height: 80px;
        width: 80px;
        background: url(../assets/img/common/loading.gif) no-repeat;
        background-size: cover;
        background-position: center;
    }
    .no-list-img {
        height: 80px;
        width: 55px;
        background: url(../assets/img/common/no-list.png) no-repeat;
        background-size: 100% 100%;
    }
    .error-img {
        background: url(../assets/img/common/error.png) no-repeat;
        background-size: 100% 100%;
    }
}

hr {
    margin: 10px -15px;
    background: #f7f7f7;
    height: 8px;
    border: 0
}